.content-box {
    width: 100%;
    height: 100%;
    .padding-box {
        width: 100%;
        height: calc(100% - 60px);
        padding: 20px;
        box-sizing: border-box;
        .search-box {
            width: 100%;
            padding: 0 0 20px 0;
            box-sizing: border-box;
            :deep(.el-form-item) {
                margin-bottom: 0;
                margin-right: 10px;
            }
            :deep(.el-input),
            :deep(.el-date-editor) {
                width: 216px;
                height: 36px;
            }
            .search-btn {
                width: 64px;
                height: 36px;
                background: #3b75ff;
                border-radius: 4px;
                font-weight: 400;
                font-size: 14px;
                color: #ffffff;
            }
            .data-btn {
                width: 96px;
                height: 36px;
                background: #ffffff;
                border-radius: 4px;
                border: 1px solid #dde2ee;
                font-weight: 400;
                font-size: 14px;
                color: #5c5f66;
            }
            .add-store {
                width: 110px;
                height: 36px;
                background: #3b75ff;
                border-radius: 4px;
                border: 1px solid #dde2ee;
            }
        }
        .table-box {
            width: 100%;
            height: calc(100% - 60px);
            margin-bottom: 20px;
            padding: 0 20px;
            box-sizing: border-box;
            background: #fff;
            :deep(.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell) {
                background: #fff;
            }
            :deep(.el-table th.el-table__cell.is-leaf, .el-table td.el-table__cell) {
                border: none !important;
            }
            :deep(.el-table td.el-table__cell) {
                border: none !important;
            }
            :deep(.el-table tr) {
                background: #f5f7fa;
            }
            :deep(.el-table) {
                --el-table-border-color: rgba(222, 253, 255, 0.16);
            }
            .num-box {
                font-weight: 400;
                font-size: 14px;
                color: #3b75ff;
                cursor: default;
                &:hover {
                    opacity: 0.8;
                }
            }
        }
        .pagination-box {
            width: 100%;
            :deep(.el-pagination__editor) {
                width: 63px;
                height: 36px;
                background: #ffffff;
                border-radius: 3px;
            }
            :deep(.el-input--default) {
                width: 100px;
                height: 36px;
                background: #ffffff;
                border-radius: 3px;
            }
            :deep(.number) {
                width: 36px;
                height: 36px;
                background: #f0f2f5;
                border-radius: 3px;
                border: 1px solid #d7dbe0;
            }
            :deep(.is-active) {
                width: 36px;
                height: 36px;
                background: #3d7fff;
                border-radius: 3px;
                border: 1px solid #3d7fff;
            }
            :deep(.btn-prev),
            :deep(.btn-next) {
                width: 36px;
                height: 36px;
                background: #f0f2f5;
                border-radius: 3px;
                border: 1px solid #d7dbe0;
                .el-icon {
                    font-size: 16px;
                }
            }
        }
    }
}

:deep(.el-dropdown-menu__item) {
    color: #3d7fff;
    font-size: 14px;
    padding: 8px 24px;
}
